<template>
	<view class="box">
		<view :style="{
									'width':width + '%',
									'height':height + 'rpx',
									'background-color':backgroundColor,
									'margin-top':marginTop + 'rpx',
									'margin-right':marginRight + 'rpx',
									'margin-bottom':marginBottom + 'rpx',
									'margin-left':marginLeft + 'rpx',
									'border-radius':borderRadius + 'rpx'
								}">
			
		</view>
	</view>
</template>

<script>
	export default {
		name:'bw-Split-line',
		props:{
			backgroundColor:{ //背景色
				type:String,
				default:'#F4F4F4'
			},
			width:{ //宽度
				type:Number,
				default:100
			},
			height:{ //高度
				type:Number,
				default:100
			},
			marginTop:{ //顶部外边距
				type:Number,
				default:0
			},
			marginRight:{ //右边外边距
				type:Number,
				default:0
			},
			marginLeft:{ //左边外边距
				type:Number,
				default:0
			},
			marginBottom:{ //底部外边距
				type:Number,
				default:0
			},
			borderRadius:{ //边框圆角
				type:Number,
				default:0
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.box{
		width: 100%;
		display: flex;
		justify-content: center;
	}
</style>
